@import url(../../common.scss);

.container {
    justify-content: center;
    align-items: center;
}

.agent {
    position: absolute;
    left: 200px;
    top: 100%;
    transform: translate(0, -120%);
    height: 300px;
    animation: 3s ease-in-out 0 moving;
    animation-iteration-count: infinite;
    &:hover {
        animation-play-state: paused;
    }
}

.title {
    font-family: cute;
    font-size: 96px;
}

@keyframes moving {
    0%, 100% {
        transform: translate(0, -120%);
    }
    50% {
        transform: translate(0, -50%);
    }
}